<!--
 * @Author       : wfl
 * @LastEditors  : wfl
 * @description  :
 * @updateInfo   :
 * @Date         : 2023-05-30 09:30:44
 * @LastEditTime : 2023-10-24 15:57:41
-->
<script setup lang="ts" name="ToolbarSlogan">
import { systemConfig } from '@/system.config'
</script>

<template>
  <div v-if="systemConfig.navTitle" class="header-slogan">
    <span
      v-for="(item, index) in systemConfig.navTitle"
      :key="index"
      :style="{ marginRight: index === (systemConfig.navTitle!.length - 1) ? 0 : `${systemConfig.navTitleMargin}px` }"
    >{{ item }}</span>
  </div>
</template>

<style lang="scss" scoped>
.header-slogan {
  font-family: FontName;
  font-size: 28px;
  letter-spacing: 4px;
  color: var(--ik-header-menu-color);

  span:first-child{
    display: inline-block;
  }
}
</style>
